ryann al-lahiq

Project Outline: Rejoined the Dev and Design/UX Team to build out a new skin for a White Label product. Tasked with skinning the Responsive Desktop/Mobile sites.

Skills Applied: Work flow this time around was based in Node Package Manager, Gulp.js and Bower. Introduced and implemented the use of SASS Placeholders for common layout components analyzed from the Sketch/Marvel App designs. Favored BEM Methodology for grouped selectors where HTML5 Markup could not be unified. Layout and Mobile/Tablet Breakpoints based on Foundation’s standard. Commits to repo made with GitBash/Git.

Project Outline: Joined the Dev and Design Team to build out a new skin for a White Label product. Tasked with skinning the Responsive Desktop/Mobile sites as well as the bingo game client for GiveBackBingo.com. Main prerequisite was keep the HTML5 markup structure ‘as is’.

Skills Applied: Interpreted ‘The Skin’ in Sketch and introduced the use of SASS placeholders to grouped selectors using BEM Methodology as an approach to skinning for this project. Differing to marking up modular HTML5 components would have been unusable as markup structure varied considerably. Used existing Foundation grid where necessary and writing my own utilities where needed. Commits done with SVN.

Project Outline: Brought in to join their design and UX team to rapidly prototype a master template set of components for their client Louis Vuitton. as part of a two man Front End team we took point from the product owner on deliverables.

Skills Applied: To rapidly deliver a responsive site with solid device support we used the Buzzfeed's responsive css framework. Dividing up the work and designs from Sketch and sorting them into responsive/mobile ready components. Our workflow was built around Git, Node.js Grunt Bower , using bespoke JavaScript and jQuery sparingly, whilst markup and layout were handled with HTML5 & SASS.